<!--Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
SPDX-License-Identifier: Apache-2.0

Purpose:
index.html is a HTML template for an Amazon DynamoDB item tracker app.
-->
<!--snippet-start:[cross-service.HTML.ddb-item-tracker.index]-->

<!doctype html>
<html>
  <head>
    <title>Modify Items</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <script src="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script
      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
      crossorigin="anonymous"
    ></script>
    <!-- CSS files  -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.css"
    />
    <link rel="stylesheet" href="/css/styles.css" />
    <link rel="stylesheet" href="/css/col.css" />
    <link rel="stylesheet" href="/css/button.css" />
    <link rel="stylesheet" href="/css/common.css" />
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <button
        class="navbar-toggler"
        type="button"
        data-toggle="collapse"
        data-target="#navbarNavAltMarkup"
        aria-controls="navbarNavAltMarkup"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav">
          <a class="nav-item nav-link active" href="index.html"
            >Welcome <span class="sr-only">(current)</span></a
          >
          <a class="nav-item nav-link" href="add.html">Add items</a>
          <a class="nav-item nav-link" href="items.html">Get items</a>
        </div>
      </div>
    </nav>
    <div class="container" id="welcome">
      <h1>Amazon DynamoDB Item Tracker</h1>

      <p>
        The Amazon DynamoDB Item Tracker sample application uses multiple AWS
        Services and the JavaScript V3 API. Collecting and working with items
        has never been easier! Simply perform these steps:
      </p>
      <p></p>

      <ol>
        <li>
          Enter work items into the system by choosing the <i>Add Items</i> menu
          item. Fill in the form and then choose <i>Create Item</i>.
        </li>
        <li>
          The Item Tracker application stores the data into a DynamoDB table by
          using the DynamoDB JavaScript V3 API.
        </li>
        <li>
          You can view all of your items by choosing the <i>Get Items</i> menu
          item. Next, choose <i>Get Active Items</i> in the dialog box.
        </li>
        <li>
          You can modify an Active Item by selecting an item in the table and
          then choosing <i>Get Single Item</i>. The item appears in the Modify
          Item section where you can modify the description or status.
        </li>
        <li>
          Modify the item and then choose <i>Update Item</i>. You cannot modify
          the ID value.
        </li>
        <li>
          You can send an email recipient an email message with a report
          attachment by selecting the email recipient from the dialog box and
          then choosing <i>Send Report</i>.
        </li>
        <li>
          The Amazon Simple Email Service is used to send an email with an Excel
          document to the selected email recipient.
        </li>
      </ol>
    </div>
  </body>
</html>
<!--snippet-end:[cross-service.HTML.ddb-item-tracker.index]-->
